<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Our Team</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
</head>
<body>
    <a href="#" id="back-top">Top</a>
    <script>
         $(function(){
            $('#back-top').hide();
            $(window).scroll(function() {
                if ($(window).scrollTop() > 100) {
                    $('#back-top').fadeIn(1000);
                    } else {
                        $("#back-top").fadeOut(1000);
                        }
        });
        $("#back-top").click(function() {
            $('html').animate({
                scrollTop: '0'
                }, 1000);
                return false;
                })
        })
    </script>
    <div class="nav">
        <div class="nav-head">Our Team</div>
        <div class="nav-main">
            <div>
                <ul>
                    <li><a href="#wanghaonan">王浩男</a></li>
                    <li><a href="#zhoushuo">周烁</a></li>
                    <li><a href="#wangchenchuang">王晨闯</a></li>
                    <li><a href="#zhanglei">张磊</a></li>
                    <li><a href="#chenyuchuan">陈钰川</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="team">
            <img src="images/01.jpg" alt="">
            <img src="images/02.jpg" alt="">
            <img src="images/03.jpg" alt="">
            <img src="images/04.jpg" alt="">
            <img src="images/05.jpg" alt="">
            <img src="images/06.jpg" alt="">
            <img src="images/07.jpg" alt="">
            <img src="images/08.jpg" alt="">
        </div>
        <div class="entrance" id="wanghaonan">
            <a target="_blank" href="https://hanyaner.gitee.io/homework6.27">
                <div>
                    <img src="images/001.jpg" alt="">
                    <h1 class="name">王浩男</h1>
                    <span class="motto">人生的旅途，前途很远，也很暗。然而不要怕，不怕的人的面前才有路</span><br>
                    <span class="person">--鲁迅</span>
                </div>
            </a>
        </div>
        <div class="entrance" id="zhoushuo">
            <a target="_blank" href="https://ecolohu.gitee.io/work627">
                <div>
                    <img src="images/002.jpg" alt="">
                    <h1 class="name">周烁</h1>
                    <span class="motto">人类的希望像是一颗永恒的星，乌云掩不住它的光芒。特别是在今天，和平不是一个理想，一个梦，它是万人的愿望</span><br>
                    <span class="person">巴金</span>
                </div>
            </a>
        </div>
        <div class="entrance" id="zhanglei">
            <a target="_blank" href="https://zhanglei1203.gitee.io/project">
                <div>
                    <img src="images/004.jpg" alt="">
                    <h1 class="name">张磊</h1>
                    <span class="motto">在劳力上劳心，是一切发明之母。事事在劳力上劳心，变可得事物之真理。</span><br>
                    <span class="person">陶行知</span>
                </div>
            </a>
        </div>
        <div class="entrance" id="chenyuchuan">
            <a target="_blank" href="https://chenyuchuan0621.gitee.io/jianlichen">
                <div>
                    <img src="images/005.jpg" alt="">
                    <h1 class="name">陈钰川</h1>
                    <span class="motto">不为五斗米折腰的人，在哪里都有。你千万别伤害别人的尊严，尊严是十分脆弱的，经不起任何的伤害。</span><br>
                    <span class="person">李嘉诚</span>
                </div>
            </a>
        </div>
        <div class="entrance" id="wangchenchuang">
            <a target="_blank" href="http://120.77.223.43:8081">
                <div>
                    <img src="images/003.jpg" alt="">
                    <h1 class="name">王晨闯</h1>
                    <span class="motto">做人也要像蜡烛一样，在有限的一生中有一分热发一分光，给人以光明，给人以温暖</span><br>
                    <span class="person">萧楚女</span>
                </div>
            </a>
        </div>
    </div>
    <div class="end">
        <span>武汉工程大学</span><br>
        <span>王浩男组</span>
    </div>
</body>
</html>